{% load static %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/my51JobDwt.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>云招聘--职位详情</title>
<style type="text/css">

.div0Sear
{
	background-image:url({% static '/images/menu-bg1.gif' %});
	background-repeat:repeat-x;
	width:1000px;
	height:33px;
	margin:auto;
	color:#FFF;
	font-size:12px;
	line-height:28px;
}

.span0Sear
{
	margin-left:5px;
	margin-right:5px;
}

.div1Sear
{
	width:660px;
	height:280px;
	margin:auto;
	/*border:1px dashed #C0F;*/
	margin-bottom:50px;
	color:#414141;
}

.div11Sear
{
	width:660px;
	height:28px;
	background-image:url({% static '/images/search_top.gif' %});
	background-repeat:repeat-x;
}

.div12Sear
{
	display:inline-block;
	float:left;
	width:3px;
	height:234px;
	background-image:url({% static '/images/register-line.gif' %});
}

.div13Sear
{
	height:234px;
	width:654px;
	float:left;
	text-align:left;
	font-size:12px;
	color:#414141;
	z-index:-10;
}

.div14Sear
{
	float:right;
	width:3px;
	height:234px;
	background-image:url({% static '/images/register-line.gif' %});
}

.div15Sear
{
	float:left;
	width:660px;
	height:18px;
	background-image:url({% static '/images/search_bottom.gif' %});
}

.div131Sear
{
	margin-left:45px;
}

.div132Sear
{
	float:left;
	margin-left:45px;
	margin-right:10px;
	margin-top:5px;
}

.div133Sear
{
	cursor:pointer;
	width:210px;
	height:24px;
	float:left;
	background-image:url({% static '/images/search-choice.gif' %});
}

.div134Sear
{
	float:left;
	margin-left:30px;
	margin-right:10px;
	margin-top:5px;
}

.div135Sear
{
	cursor:pointer;
	width:210px;
	height:24px;
	float:left;
	background-image:url({% static '/images/search-choice.gif' %});
}

.divExtraSear
{
	height:24px;
}

.span1Sear
{
	margin-left:30px;
	font-weight:bold;
	width:200px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	/*border:1px solid #000;*/
}

.img1Sear
{
	margin-right:5px;
}

select
{
	width:100px;
}

.divtable1Sear
{
	position:static;
	z-index:-10;
	background-color:#0FF;
}

.btn1Sear
{
	width:78px;
	height:27px;
	border:0px;
	background-image:url({% static '/images/search-1.gif' %});
}

.listDiv1Sear
{
/*	border:1px solid #FF0;*/
	width:200px;
	height:0px;
	/*background-color:#CCC;*/
	/*display:inline;*/
	float:left;
	z-index:-10;
}

.listDiv2Sear
{
	float:right;
	display:inline;
	height:0px;
	width:202px;
	/*background-color:#F0F;*/
	z-index:-10;
}

.listdiv11Sear
{
	width:100px;
	height:25px;
	float:left;
}

.listdiv11Sear1
{
	width:110px;
	height:25px;
	float:left;
}



.listdiv12Sear
{
	display:none;
	width:140px;
	height:25px;
	float:left;
	line-height:25px;
	/*border:1px dotted #666;*/
}


/*这个DIV只能用js定位，否则在不同浏览器大小的情况下，居中就是一个问题了*/
.popupDiv1Sear
{
	display:none;
	width:540px;
	height:170px;
	left:200px;
	top:300px;
	position:absolute;
	background-color:#FFFFF7;
	border-bottom:2px solid #FF7000;
	z-index:10;
}


.popupDiv1Sear1
{
	display:none;
	width:570px;
	height:170px;
	left:200px;
	top:300px;
	position:absolute;
	background-color:#FFFFF7;
	border-bottom:2px solid #FF7000;
	z-index:10;
}


/*这个DIV只能用js定位，否则在不同浏览器大小的情况下，居中就是一个问题了*/
.popupDiv2Sear
{
	display:none;
	width:540px;
	height:280px;
	left:200px;
	top:300px;
	position:absolute;
	background-color:#FFFFF7;
	border-bottom:2px solid #FF7000;
	z-index:10;
}

.listdiv21Sear
{
	width:130px;
	height:25px;
	float:left;
}

.listdiv22Sear
{
	display:none;
	float:right;
	margin-left:400px;
	height:25px;
	width:200px;
	line-height:25px;
	/*border:1px dotted #069;*/
}

.popupmenuDiv1Sear
{
	padding-left:10px;
	height:35px;
	width:530px;
	background-image:url({% static '/images/bottom-bg.gif' %});
	background-repeat:repeat-x;
	color:#FFF;
	font-size:12px;
}


.popupmenuDiv1Sear1
{
	padding-left:10px;
	height:35px;
	width:560px;
	background-image:url({% static '/images/bottom-bg.gif' %});
	background-repeat:repeat-x;
	color:#FFF;
	font-size:12px;
}


.popupmenu1Div1Sear
{
	margin-left:20px;
	height:125px;;
	width:500px;
	z-index:100;
	/*border:1px solid #FFF;*/
}


.popupmenu1Div1Sear1
{
	margin-left:20px;
	height:125px;;
	width:600px;
	z-index:100;
	/*border:1px solid #FFF;*/
}

.popupmenu2Div1Sear
{
	margin-left:10px;
	height:135px;
	width:520px;
}

.spanpopupmenuDiv1Sear
{
	margin-left:5px;
	line-height:35px;
	overflow:hidden;
}

.spanrightpopupmenuDiv1Sear
{
	margin-left:300px;
}

.spanrightpopupmenuDiv1Sear1
{
	margin-left:330px;
}


.spanright1popupmenuDiv1Sear
{
	cursor:pointer;
	margin-right:5px;
}

.spanright2popupmenuDiv1Sear
{
	cursor:pointer;
}
/*这个CSS样式的高度需要利用JS设置*/
.deltaDivSear
{
	position:relative;
	/*margin-top:30px;*/
	margin-left:105px;
	/*border:1px dashed #00F;*/
	height:0px;
	width:500px;
}

.provinceSelectSear
{
	display:none;
	width:500px;
	height:200px;
	position:absolute;
	background-color:#FFFFF7;
	top:200px;
	left:210px;
	text-align:left;
	border-bottom:2px solid #F60;
}

.provSear
{
	line-height:25px;
	color:#414141;
	height:25px;
	width:80px;
	font-size:12px;
	float:left;
	text-align:center;
}

.proDiv1Sear
{
	padding-left:10px;
	height:35px;
	width:490px;
	background-image:url({% static '/images/bottom-bg.gif' %});
	background-repeat:repeat-x;
	color:#FFF;
	font-size:12px;
}

.aSear
{
	color:#414141;
	text-decoration:none;
}

.aSear:hover
{
	color:#F60;
	text-decoration:none;
}

</style>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<style type="text/css">
.spandwt
{
	display:block;
	text-align:center;
	line-height:25px;
	font-size:12px;
	color:#414141;
	font-family:"宋体";
}
.divdwt
{
	display:block;
	background-image:url({% static '/images/bottom-bg.gif' %});
	text-align:center;
	height:35px;
	width:1000px;
	color:#FFF;
	line-height:30px;
	font-size:12px;
	font-family:"宋体";
	margin:auto;
}

.adwt
{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	font-family:"宋体";
}

.adwt:hover
{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	font-family:"宋体";
}

.bodydwt
{
	text-align:center;
}

.imgdwt
{
	border:0px;
}
.headdwt
{
	width:960px;
	height:65px;
	margin:auto;/*居中*/
	position:relative;
	vertical-align:bottom;
	/*border:1px solid #000;*/
}

.headerleftdwt
{
	/*border:1px solid #000;*/
	float:left;
	margin-bottom:0px;
	height:65px;
}

.headerrightdwt
{
	/*border:1px solid #000;*/
	float:right;
	height:31px;
	vertical-align:bottom;
	margin-top:34px;
}

.imgheaderdwt
{
	border:0px;
}

.paginator {
    margin: 60px 0;
}
.paginator {
    font: 14px Arial, Helvetica, sans-serif;
    color: #aaa;
    margin: 20px 0;
    line-height: 150%;
    text-align: center;
}

</style>
<link href="{% static '/css/search.css' %}" rel="stylesheet"/>
<link href="{% static '/css/detail.css' %}" rel="stylesheet"/>
<script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
</head>

<body>

<div class="bodydwt">
<div class="headdwt">
	<div class="headerleftdwt"><img src="{% static '/images/logo.gif' %}" /></div>
    <div class="headerrightdwt">
        <a href="/" name="pic"><img src="{% static '/images/menu1-2.gif' %}" class="imgheaderdwt" /></a>
        <a href="/search" name="pic"><img src="{% static '/images/menu2-2.gif' %}" class="imgheaderdwt" /></a>
        <a href="/resume" name="pic"><img src="{% static '/images/menu3-2.gif' %}" class="imgheaderdwt" /></a>
    </div>
</div>
<!-- InstanceBeginEditable name="EditRegion3" -->
<!--菜单栏开始-->
<div class="div0Sear">
	高级搜索<span class="span0Sear">|</span>关键字搜索
    |</span> <a href="/delivery" style="color: white">投递历史</a>
</div>

</div>

<div style="width: 1000px; margin: 0 auto;">
    <div class="tCompanyPage">
        <div class="tCompany_center clearfix">
            <div id="tHeader_mk" style="height: 0px;"></div>
            <div class="tHeader tHjob" style="display: block;">
                <div class="in">
                    <div class="cn">
                        <h1 title="前端开发工程师">{{ job.job_name }}</h1><strong>{{ job.salary }}</strong>
                        <p class="cname">
                            <a href="https://jobs.51job.com/all/coVTUGZAJmUWYHYAVlXTg.html" target="_blank"
                               title="游密科技（深圳）有限公司" class="catn">{{ job.company_name }}<em class="icon_b i_link"></em></a>
                        </p>
                        <p class="msg ltype">
                            {{ job.address }}&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;{{ job.experience }}&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;{{ job.c_time }}
                        </p>
                        <div class="jtag">
                            <div class="t1">
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="op">
                        <a track-type="jobsButtonClick" event-type="1" class="but_sq" id="app_ck"
                           href="javascript:void(0);" onclick="presented({{ job.id }})">申请职位</a>
                        <a track-type="jobsButtonClick" event-type="4" class="icon_b i_upline" id="134086404"
                           target="_blank"
                           href="https://i.51job.com/userset/bounce_window_redirect.php?jobid=134086404&amp;redirect_type=2">竞争力分析</a>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
            <div class="tCompany_main">
                <div class="tBorderTop_box">
                    <h2 class="prop">
                        <span class="bname">职位信息</span>
                    </h2>
                    <div class="bmsg job_msg inbox">
                        {{ job.position_info|safe }}
                        <p><br></p>

                         <div class="divdwt">
                            网站导航&nbsp;&nbsp;|&nbsp;&nbsp;<a href="index.html" class="adwt">网站首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="search.html" class="adwt">职位搜索</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="login.2html" class="adwt">Myjob</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="register.html" class="adwt">用户注册</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="login.2html" class="adwt">用户登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="intro.html" class="adwt">简历管理</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="company.html" class="adwt">招聘公司</a>
                        </div>
                        <div style=" margin: 0 auto">
                          <span class="spandwt">人才招聘&nbsp;Email:hr@51job.com</span>
                          <span class="spandwt">个人求职&nbsp;Email:club@51job.com&nbsp;&nbsp;或垂询:800-820-5100</span>
                          <span class="spandwt">未经本招聘网站同意，不得转载本网站之所有招聘信息及作品</span>
                          <span class="spandwt">无忧工作网版权所有&copy;1999-2007</span>
                          <span class="spandwt"><a href="index.html"><img src="{% static '/images/bottom1.gif' %}" class="imgdwt" /></a></span>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
<!--引用js-->

</div>
<script type="text/javascript">
function presented(job_id) {
    $.ajax({
        type: 'get',
        url: '/presented/'+ job_id,
        success: function (result) {
            if (result.code == 200) { // 投递成功
                alert(result.msg);
            } else if (result.code == 403){ // 未登录,无法投递
                alert(result.msg);
                window.location.href = '/'
            } else if (result.code == 404){ // 无简历,无法投递
                alert(result.msg);
                window.location.href = '/resume'
            } else {
                alert('简历投递失败，请稍后重试！');
            }
        },
    })
}
</script>
</body>
</html>

